<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>kugou</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
	</head>
	<body>
		<!-- 音频盒子 -->
		<div class="audioBox">
			<audio class="audiosrc" src=""></audio>
		</div>
		<!-- 加载页 -->
		<div class="loadingPage">
			<div class="loading">稍等
				<span>0</span>%
			</div>
			<div class="background_load">
				<img src="images/jiazaiye_bejin01.png">
			</div>
			<!-- 指路牌 -->
			<div class="sign">
				<img src="images/jiazaiye_paizi.png">
			</div>
			<!-- 跳过 -->
			<div class="skip">
				<img src="images/jiazaiye_tiaoguo.png">
			</div>
		</div>
		<!-- 首页 -->
		<div class="homepage">
			<div class="xz_box">
				<div class="xz_box1 xzbox"></div>
				<div class="xz_box2 xzbox"></div>
				<div class="xz_box3 xzbox"></div>
				<div class="xz_box4 xzbox"></div>
				<div class="xz_box5 xzbox"></div>
				<div class="xz_box6 xzbox"></div>
			</div>
			<div class="logo_img">
				<img src="images/shouye_08.png">
			</div>
			<div class="zb_img">
				<img src="images/shouye_09.png">
			</div>
			<div class="wh_img">
				<img src="images/shoye_02.png">
			</div>
			<div class="hr1_img">
				<img src="images/shoye_01.png">
			</div>
			<div class="hr2_img">
				<img src="images/shoye_03.png">
			</div>
			<button class="but_img">
				<img src="images/shoye_06.png">
			</button>
		</div>
		<!-- 背景轮播 -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!-- 金曲页 -->
				<div class="swiper-slide blue-slide">
					<div class="jq_box">
						<div class="beijin_box01">
							<img src="images/dianying_01.png">
						</div>
						<div class="text_img01 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s">
							<img src="images/dianying-nbdsmjza.png">
						</div>
						<div class="rw_img01 ani" swiper-animate-effect="fadeInDownBig">
							<img src="images/dianying-zixiaHz.png">
						</div>
						<div class="cc_img">
							<img src="images/dianying-cQiang.png">
						</div>
					</div>
				</div>
				<!-- 摇滚页 -->
				<div class="swiper-slide blue-slide">
					<div class="yg_box">
						<div class="ygbj_box">
							<div class="ygbj_box1 ygbox"></div>
							<div class="ygbj_box2 ygbox"></div>
							<div class="ygbj_box3 ygbox"></div>
							<div class="ygbj_box4 ygbox"></div>
							<div class="ygbj_box5 ygbox"></div>
							<div class="ygbj_box6 ygbox"></div>
						</div>
						<div class="db_img">
							<img src="images/diban.png">
						</div>
						<div class="left_img">
							<img src="images/yaogun-wow-left.png">
						</div>
						<div class="right_img">
							<img src="images/yaogun-wow-right.png">
						</div>
						<div class="dg_img1">
							<img src="images/caideng.png">
						</div>
						<div class="mw_img">
							<img src="images/yaogun-ygun.png">
						</div>
					</div>
				</div>
				<!-- 经典页 -->
				<div class="swiper-slide blue-slide">
					<div class="zt_box">
						<div class="ztbj_img">
							<img src="images/dianying-yhzq.png">
						</div>
						<div class="ztcd_img">
							<img src="images/zt_06.png">
						</div>
						<div class="ztdb_img">
							<img src="images/zt_02.png">
						</div>
						<div class="ztdb1_img">
							<img src="images/zt_01.png">
						</div>
						<div class="ztdb2_img">
							<img src="images/zt_04.png">
						</div>
						<div class="ztfz_img ani" swiper-animate-effect="bounceInLeft">
							<img src="images/zt_03.png">
						</div>
						<div class="ztmn_img ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
							<img src="images/zt_05.png">
						</div>
					</div>
				</div>
				<!-- 520页 -->
				<div class="swiper-slide blue-slide">
					<div class="xc_box">
						<div class="xcbj_img">
							<img src="images/car-bj.png">
						</div>
						<div class="xcwz_img">
							<img src="images/car-yao01.png">
						</div>
						<div class="xcqc_img">
							<img src="images/car.png">
						</div>
					</div>
				</div>
				<!-- 老歌页 -->
				<div class="swiper-slide blue-slide">
					<div class="lg_box">
						<div class="lgbj_img">
							<img src="images/lgbj_01.png">
						</div>
						<div class="lgcd_img">
							<img src="images/zt_06.png">
						</div>
						<div class="lglt_img">
							<img src="images/laogeye-lrck.png">
						</div>
						<div class="lghd_img">
							<img src="images/laogeye--yinX.png">
						</div>
					</div>
				</div>
				<!-- 流行歌页 -->
				<div class="swiper-slide blue-slide">
					<div class="bb_box">
						<div class="bbbj_img">
							<img src="images/liuxingge-bolang.png">
						</div>
						<div class="bbwz_img ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
							<img src="images/shuigeinideyongqi.png">
						</div>
						<div class="bbqg_img ani" swiper-animate-effect="bounceInLeft">
							<img src="images/liuxingge-songhua.png">
						</div>
						<div class="bbcy_img">
							<img src="images/liuxingge-wenzi.png">
						</div>
						<div class="bblc_img">
							<img src="images/liuxingge-qaDx.png">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 选项页 -->
		<div class="xx_box">
			<div class="xxA_img xz_text"></div>
			<div class="xxB_img xz_text"></div>
			<div class="xxC_img xz_text"></div>
			<div class="xxxz_img">
				<img src="images/xuanxian_01.png" >
			</div>
			<p class="xx_D"><span>60</span>s</p>
		</div>
		<!-- 结束页面 -->
		<div class="overBox">
			<div class="overBj_img">
				<img src="images/beijin.png" >
			</div>
			<div class="oyh_img">
				<img src="images/yonghu.png" >
			</div>
			<div class="olg_img">
				<img src="images/logo.png" >
			</div>
			<div class="oxz_img">
				<img src="images/黄金.png" >
			</div>
			<div class="ocj_img">猜中<span>8</span>首</div>
			<div class="ocf_img">
				<p>小菜鸡</p>
			</div>
			<div class="ozl_img">
				<img src="images/zailaiyici.png" >
			</div>
			<div class="ofx_img">
				<img src="images/fenxian.png" >
			</div>
			<div class="opm_img">
				<img src="images/paiming.png" >
			</div>
		</div>

		<script src="js/preloadjs.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
